
{include file="public/header" /}
 <style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
.layui-card-body{
      padding: 10px 5px;
}
.associations{margin: 20px 0px}
.associations h2{padding:5px 0px}
</style>
 <div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
      <div class="layui-card">
        <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        <div class="layui-card-header">
          <h1>{:lang('Affiliations & Associations')}</h1>
        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div>
              <p style='color: #333;line-height: 24px;'>{:lang('Lily Bearing is an active member in the following trade organizations, with Lily Bearing employees contributing their technical and industry expertise to various professional committees.')}
              </p>

             <!--  <div class="associations">
                <div class="layui-col-sm3" style="text-align:center;padding-top:5px">
                  <img src="/static/img/logo_pin1.jpg" />
                </div>
                <div class="layui-col-sm9">
                  <h2>China Bearing Industry Association</h2>
                  <p style='color: #333;line-height: 24px;'>
                    <a target="_blank"  href="http://www.cbia.com.cn/index.php/home/Association/synopsis" >China Bearing Industry Association</a> was founded in 1988 and is the only official bearing industry association established by the Chinese government. There are more than 330 member units of China Bearing Industry Association, which concentrates the essence of the nation's bearing industry, covering more than 70% of the entire industry based on total sales.
                  </p>
                </div>
                <div style="clear:both;"></div>
              </div> -->

              <div class="associations">
                <div class="layui-col-sm3" style="text-align:center;padding-top:5px">
                  <img src="{:Config::get('app.images_host')}/images/web/logo_pin2.jpg" />
                </div>
                <div class="layui-col-sm9">
                  <h2>OPECC</h2>
                  <p style='color: #333;line-height: 24px;'>
                    {:lang("The Oriental Pearl Chamber of Commerce(OPECC) was founded in March 2012 and is a well-known private chamber of commerce in Shanghai. The Chamber's members are foreign trade companies based in Shanghai, China, which have many years of experience in exporting.")}
                  </p>
                </div>
                <div style="clear:both;"></div>
              </div>


            <!--   <div class="associations">
                <div class="layui-col-sm3" style="text-align:center;padding-top:5px">
                  <img src="/static/img/pin3.jpg" />
                </div>
                <div class="layui-col-sm9">
                  <h2>CCCME</h2>
                  <p style='color: #333;line-height: 24px;'>Founded in July of 1988, China Chamber of Commerce for Import and Export of Machinery and Electronic Products(hereinafter as <a target="_blank" href="http://www.cccme.org.cn/cp/about/profile.aspx">CCCME</a>), is a nationwide industrial and nonprofit organization,formed jointly and voluntarily by various economic organizations engaged in manufacturing, import and export,overseas turnkey project contracting and other related activities in machinery and electronic industry.
                  </p>
                </div>
                <div style="clear:both;"></div>
              </div> -->

            </div>
          </div>
        </div>
      </div>
    </div>
{include file="/public/footer" /}
    <script>
      layui.use("element", function () {
        var element = layui.element;
        element.on("tab(demo)", function (data) {
          console.log(data);
        });
      });
    </script>